body {
    background-image: url(/images/astarion/background);
    cursor: url(/images/cursors/astariondefault.png), auto;
}

body a {
    cursor: url(/images/cursors/astarionpointer.png), auto;
}

.title {
    width: 599px;
    height: 275px;
    margin: auto;
}

.chapter1 {
    position: relative;
    width: 400px;
    left: 100px;
}

.pagedoll1 {
    height: 500px;
    position: relative;
    right: 400px;
    top: 200px;
    z-index: 2;
}

.earlylife {
    height: 400px;
    position: relative;
    z-index: 3;
    transform: rotate(20deg);
    bottom: 400px;
    right: 75px;
}

.connector1 {
    position: relative;
    z-index: 1;
    bottom: 250px;
    right: 100px;
    width: 900px;
}

.pagedoll2 {
    position: relative;
    height: 500px;
    bottom: 500px;
    left: 600px;
    z-index: 2;
}

.death {
    height: 400px;
    transform: rotate(-20deg);
    position: relative;
    z-index: 3;
    bottom: 800px;
    left: 75px;
}

.connector2 {
    position: relative;
    z-index: 1;
    bottom: 510px;
    left: 100px;
}

.pagedoll3 {
    height: 500px;
    position: relative;
    bottom: 600px;
    z-index: 2;
}

.cazador {
    height: 400px;
    position: relative;
    transform: rotate(20deg);
    z-index: 3;
    bottom: 300px;
    right: 100px;
}

.connector3 {
    position: relative;
    z-index: 1;
    width: 900;
    bottom: 690px;
}

.pagedoll4 {
    position: relative;
    height: 500px;
    z-index: 2;
    bottom: 800px;
    left: 650px;
}

.imprisoned {
    height: 400px;
    position: relative;
    z-index: 3;
    bottom: 900px;
    transform: rotate(-10deg);
    left: 400px;
}

.connector4 {
    position: relative;
    width: 1000px;
    bottom: 1220px;
}

.pagedoll5 {
    height: 500px;
    position: relative;
    bottom: 1400px;
    right: 275px;
}

.escape {
    height: 400px;
    z-index: 3;
    position: relative;
    bottom: 1500;
    transform: rotate(20deg);
}

.chapter2 {
    width: 400px;
    margin: auto;
    margin-top: 4000px;
}

.image1 {
    position: relative;
    border: 3px solid #fff;
    border-radius: 10px;
    top: 200px;
    right: 400px;
    z-index: 2;
}

.beginning {
    position: relative;
    width: 400px;
    border-radius: 10px;
    z-index: 3;
    bottom: 200px;
}

.line1 {
    position: relative;
    bottom: 100px;
    width: 700;
}

.line2 {
    position: relative;
    height: 700;
    bottom: 185px;
    left: 605px;
    z-index: 1;
}

.image2 {
    position: relative;
    border: 3px solid #fff;
    border-radius: 10px;
    bottom: 200px;
    z-index: 2;
    left: 200px;
}

.love {
    width: 400px;
    position: relative;
    border-radius: 10px;
    z-index: 3;
    bottom: 600px;
    right: 100px;
}

.line3 {
    position: relative;
    width: 700px;
    bottom: 500px;
    right: 500px;
    z-index: 1;
}

.line4 {
    position: relative;
    z-index: 1;
    height: 700px;
    bottom: 570px;
    right: 565px;
}

.image3 {
    position: relative;
    z-index: 2;
    border: 3px solid #fff;
    border-radius: 10px;
    bottom: 600px;
    right: 500px;
}


.indifference {
    width: 400px;
    z-index: 3;
    border-radius: 10px;
    position: relative;
    bottom: 950px;
    right: 50px;
}

.line5 {
        position: relative;
    width: 700px;
    bottom: 900px;
    z-index: 1;
}

.line6 {
    position: relative;
    z-index: 1;
    height: 700px;
    bottom: 970px;
    left: 603px;
}

.image4 {
    position: relative;
    z-index: 2;
    border: 3px solid #fff;
    border-radius: 10px;
    bottom: 1000px;
    left: 200px;
}

.message {
    position: relative;
    z-index: 3;
    border-radius: 10px;
    width: 400px;
    bottom: 1400px;
    right: 100px;
}

.chapter3 {
    width: 400px;
    margin: auto;
    position: relative;
    bottom: 1000px;
}

.heart1 {
    width: 500px;
    position: relative;
    z-index: 2;
    right: 200px;
}

.love1 {
    width: 400px;
    position: relative;
    z-index: 3;
    border: 3px dotted #af2e67;
    border-radius: 10px;
    bottom: 100px;
}

.heart2 {
    width: 500px;
    position: relative;
    z-index: 2;
    left: 200px;
}

.love2 {
    width: 400px;
    position: relative;
    z-index: 3;
    border: 3px dotted #af2e67;
    border-radius: 10px;
    bottom: 100px;
}

.endquote {
    position: relative;
    right: 200px;
}

.back {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}